<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"></html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <meta name=format-detection content="telephone=no">
    <meta name=format-detection content="email=no">
    <meta name=apple-mobile-web-app-capable content=yes>
    <meta name=apple-mobile-web-app-status-bar-style content=black>
    <meta name=full-screen content=yes><meta name=browsermode content=application>
    <meta name=x5-orientation content=portrait><meta name=x5-fullscreen content=true>
    <meta name=x5-page-mode content=app>
    <meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">

    <title>文章详情</title>
    <script th:src="@{/js/vue.min.js}"></script>
    <script th:src="@{/js/axios.min.js}"></script>
    <script th:src="@{/js/index.js}"></script>
    <link rel="stylesheet" th:href="@{/css/article.css}">
</head>
<body>
<div id="content">
    <section class="secs" v-html="contents">
    </section>
</div>
<script th:inline="javascript">
	/*<![CDATA[*/
	var arr = /*[[${systemArticle}]]*/;
	/*]]>*/
	
	console.log("arr="+arr);
	console.log("body="+arr.body);
    
    var app = new Vue({
        el: '#content',
        data: {
            contents: {},
        },
        methods: {
            /*页面数据获取*/
            getNew: function () {
            	this.contents = arr.body;
            }
        },
        created: function (){
            this.getNew();
        }
    });
</script>
</body>
</html>